#content{
	padding: 0;
	background: #eee;
}
p{
	margin: 0;
}
.header{
	background: #fff;
	box-shadow: 0px 2px 3px #aaa;
	margin: 10px 0;
}
	.header h3{
		margin: 0;
		font-weight: normal;
		text-shadow:none;
		color: #71cdba;
		float: left;
	}
	.header input{
		float: right;
		background: #8bd6c6;
	}
.evaluate-box{
	background: #fff;
}
	.top-left{
		float: left;
	}
		.top-left span{
			display: block;
			color: #3384b9;
		}
	.evaluate-box-top .top-right{
		float: right;
		font-weight: normal;
		border-left: 2px solid #dcdcdc;
		color: #1c1c1c;
		text-shadow:none;
	}
	.evaluate-box-top .top-right:hover{
		color: #333;
	}
	.evaluate-box-c img{
		float: left;
	}
	.c-detail{
		width: 60%;
	}
	.c-detail dl{
		border-bottom: 2px solid #e3e3e3;
	}
	.c-detail dd{
		-webkit-margin-start:0;
		-moz-margin-start:0;
		-ms-margin-start:0;
	}
	.c-detail span{
		float: right;
	}
	.c-detail p span{
		color: #71cdba;
	}

.u-comment{
	background: #fff;
}
	.u-u-detail{
		float: left;
	}
	.u-top a{
		float: right;
	}
		.u-detail img{
			float: left;
			border-radius: 50%;
		}
		.u-name {
			float: left;
		}
			.u-name span{
				color: #71cdba;
			}
		.text p{
			clear: both;
			color: #616161;
		}
		.text span{
			color: #949494;
		}
@media screen and (min-width: 320px){
.header{
	height: 46px;
	padding: 0 13px;
}
	.header h3{
		line-height: 46px;
		font-size: 15px;
	}
	.header input{
		font-size: 15px;
		width: 83px;
		height: 25px;
		margin-top: 11px;
	}
	.evaluate-box-top{
		height: 117px;
		padding: 6px 12px;
	}
		.top-left p{
			font-size: 12px;
			margin-top: 13px;
		}
		.top-left span{
			font-size: 15px;
			background: url(../images/place2.png) no-repeat 0 3px;
			background-size: 11px 12px;
			padding-left: 15px;
			margin: 16px 0;
		}
		.top-right{
			height: 105px;
			line-height: 105px;
			font-size: 15px;
			background: url(../images/assess1.png) no-repeat 11px 42px;
			background-size: 23px 22px;
			padding-left: 38px;
		}
	.evaluate-box-c{
		padding-left:19px;
	}
		.evaluate-box-c img{
			width: 65px;
			height: 65px;
		}
		
		.c-detail {
			padding: 0 9% 11px 27%;
			font-size: 12px;
		}
			.c-detail dl{
				padding-bottom: 5px;
			}
			.c-detail dt{
				padding-bottom: 5px;
			}
			.c-detail dd{
				padding: 5px 0;
			}
.u-comment{
	padding: 14px 30px 14px 12px;
	margin-top:5px;
}
	.u-detail img{
		width:31px;
		height: 31px;
	}
	.u-name{
		padding-left: 11px;
	}
		.u-name p{
			margin-bottom: 3px;
			font-size: 12px;
		}
		.u-name span{
			font-size: 11px;
		}
	.u-top a img{
		width: 45px;
		height: 46px;
	}
	.text p{
		font-size: 12px;
		margin-bottom: 8px;
	}
	.text span{
		font-size:10px;
	}	
}
@media screen and (min-width: 410px){
.header{
	height: 59px;
	padding: 0 17px;
}
	.header h3{
		line-height: 59px;
		font-size: 18px;
	}
	.header input{
		font-size: 18px;
		width: 107px;
		height: 32px;
		margin-top: 14px;
	}
	.evaluate-box-top{
		height: 150px;
		padding: 8px 15px;
	}
		.top-left p{
			font-size: 15px;
			margin-top: 17px;
		}
		.top-left span{
			font-size: 18px;
			background: url(../images/place2.png) no-repeat 0 3px;
			background-size: 14px 16px;
			padding-left: 20px;
			margin: 21px 0;
		}
		.top-right{
			height: 134px;
			line-height: 134px;
			font-size: 18px;
			background: url(../images/assess1.png) no-repeat 15px 55px;
			background-size: 30px 29px;
			padding-left: 50px;
		}
	.evaluate-box-c{
		padding-left:24px;
	}
		.evaluate-box-c img{
			width: 83px;
			height: 83px;
		}
		.c-detail {
			padding: 0 9% 14px 27%;
			font-size: 16px;
		}
			.c-detail dl{
				padding-bottom: 7px;
			}
			.c-detail dt{
				padding-bottom: 7px;
			}
			.c-detail dd{
				padding: 7px 0;
			}
.u-comment{
	padding: 18px 38px 18px 16px;
	margin-top:7px;
}
	.u-detail img{
		width:40px;
		height: 40px;
	}
	.u-name{
		padding-left: 14px;
	}
		.u-name p{
			margin-bottom: 4px;
			font-size: 16px;
		}
		.u-name span{
			font-size: 14px;
		}
	.u-top a img{
		width: 58px;
		height: 59px;
	}
	.text p{
		font-size: 15px;
		margin-bottom: 8px;
	}
	.text span{
		font-size:13px;
	}
		
}
@media screen and (min-width: 600px){
.header{
	height: 72px;
	padding: 0 21px;
}
	.header h3{
		line-height: 72px;
		font-size: 23px;
	}
	.header input{
		font-size: 23px;
		width: 130px;
		height: 39px;
		margin-top: 17px;
	}
	.evaluate-box-top{
		height: 183px;
		padding: 9px 18px;
	}
		.top-left p{
			font-size: 20px;
			margin-top: 21px;
		}
		.top-left span{
			font-size: 23px;
			background: url(../images/place2.png) no-repeat 0 6px;
			background-size: 18px 19px;
			padding-left: 24px;
			margin: 25px 0;
		}
		.top-right{
			height: 163px;
			line-height: 163px;
			font-size: 23px;
			background: url(../images/assess1.png) no-repeat 20px 65px;
			background-size: 37px 35px;
			padding-left: 67px;
		}
	.evaluate-box-c{
		padding-left:29px;
	}
		.evaluate-box-c img{
			width: 101px;
			height: 101px;
		}
		.c-detail {
			padding: 0 9% 17px 27%;
			font-size: 19px;
		}
			.c-detail dl{
				padding-bottom: 8px;
			}
			.c-detail dt{
				padding-bottom: 8px;
			}
			.c-detail dd{
				padding: 8px 0;
			}
.u-comment{
	padding: 23px 47px 23px 19px;
	margin-top:8px;
}
	.u-detail img{
		width:49px;
		height: 49px;
	}
	.u-name{
		padding-left: 17px;
	}
		.u-name p{
			margin-bottom: 5px;
			font-size: 19px;
		}
		.u-name span{
			font-size: 18px;
		}
	.u-top a img{
		width: 71px;
		height: 73px;
	}
	.text p{
		font-size: 18px;
		margin-bottom: 13px;
	}
	.text span{
		font-size:16px;
	}

		
}

@media screen and (min-width: 720px){
.header{
	height: 86px;
	padding: 0 25px;
}
	.header h3{
		line-height: 86px;
		font-size: 27px;
	}
	.header input{
		font-size: 27px;
		width: 156px;
		height: 47px;
		margin-top: 20px;
	}
	.evaluate-box-top{
		height: 220px;
		padding: 11px 22px;
	}
		.top-left p{
			font-size: 22px;
			margin-top: 25px;
		}
		.top-left span{
			font-size: 27px;
			background: url(../images/place2.png) no-repeat 0 6px;
			background-size: 21px 23px;
			padding-left: 29px;
			margin: 30px 0;
		}
		.top-right{
			height: 196px;
			line-height: 196px;
			font-size: 27px;
			background: url(../images/assess1.png) no-repeat 15px 80px;
			background-size: 44px 42px;
			padding-left: 64px;
		}
	.evaluate-box-c{
		padding-left:35px;
	}
		.evaluate-box-c img{
			width: 121px;
			height: 121px;
		}
		.c-detail {
			width: 60%;
			padding: 0 9% 20px 27%;
			font-size: 23px;
		}
			.c-detail dl{
				padding-bottom: 10px;
			}
			.c-detail dt{
				padding-bottom: 10px;
			}
			.c-detail dd{
				padding: 10px 0;
			}
.u-comment{
	padding: 27px 56px 27px 23px;
	margin-top:10px;
}
	.u-detail img{
		width:59px;
		height: 59px;
	}
	.u-name{
		padding-left: 20px;
	}
		.u-name p{
			margin-bottom: 6px;
			font-size: 23px;
		}
		.u-name span{
			font-size: 21px;
		}
	.u-top a img{
		width: 85px;
		height: 87px;
	}
	.text p{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.text span{
		font-size:19px;
	}
		
}
@media screen and (min-width: 801px){
.header{
	height: 108px;
	padding: 0 31px;
}
	.header h3{
		line-height: 108px;
		font-size: 34px;
	}
	.header input{
		font-size: 34px;
		width:195px;
		height: 59px;
		margin-top: 25px;
	}
	.evaluate-box-top{
		height: 275px;
		padding: 14px 28px;
	}
		.top-left p{
			font-size: 28px;
			margin-top: 31px;
		}
		.top-left span{
			font-size: 34px;
			background: url(../images/place2.png) no-repeat 0 6px;
			background-size: 26px 29px;
			padding-left: 36px;
			margin: 38px 0;
		}
		.top-right{
			height: 245px;
			line-height: 245px;
			font-size: 34px;
			background: url(../images/assess1.png) no-repeat 25px 98px;
			background-size: 55px 53px;
			padding-left: 95px;
		}
	.evaluate-box-c{
		padding-left:44px;
	}
		.evaluate-box-c img{
			width: 151px;
			height: 151px;
		}
		.c-detail {
			width: 60%;
			padding: 0 9% 20px 27%;
			font-size: 29px;
		}
			.c-detail dl{
				padding-bottom: 13px;
			}
			.c-detail dt{
				padding-bottom: 13px;
			}
			.c-detail dd{
				padding: 13px 0;
			}

.u-comment{
	padding: 34px 70px 34px 29px;
	margin-top:13px;
}
	.u-detail img{
		width:74px;
		height: 74px;
	}
	.u-name{
		padding-left: 25px;
	}
		.u-name p{
			margin-bottom: 8px;
			font-size: 29px;
		}
		.u-name span{
			font-size: 26px;
		}
	.u-top a img{
		width: 106px;
		height: 109px;
	}
	.text p{
		font-size: 28px;
		margin-bottom: 19px;
	}
	.text span{
		font-size:24px;
	}
		
}